﻿<!DOCTYPE >
<html>
<head>
    <title>樂點公車即時資訊服務</title>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
        html
        {
            height: 100%;
            width: 100%;
            max-width: 320px;
            min-width: 320px;
        }
        body
        {
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
            max-width: 320px;
            min-width: 320px;
        }
        #list_canvas
        {
            height: 100%;
            max-width: 320px;
            min-width: 320px;
        }
    </style>
    <script type="text/ecmascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/ecmascript" src="js/jquery.mobile-1.1.0.min.js"></script>
    <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <link type="text/css" rel="stylesheet" href="css/bus.css" />
    <script>
        $(document).ready(function() {

            var queryString = window.location.search.substring(1);
            $("#iframe_container").html('<iframe id="iframe" width="100%" height="75%" style="margin-bottom: 50px" src="./q_real.html?' + queryString + '"/></iframe>');
            $("#businfo").attr("href", "businfo.aspx?" + queryString);
        })
    </script>

</head>
<body>
    <div data-role="page" id="infopage">
        <div id="iframe_container">
            
        </div>

        
        <div data-id="footer" data-role="footer" data-position="fixed" style="position: fixed; ">
            <div id="dock-bottom" class="dock">
            </div>
            <div id="menu" data-role="navbar">
                <ul class="menu-items">
                    <li class="menu-item first"><a href="info.aspx">
                        <img src="icon/nav1.png" /><br />
                        <span style="color: #000; font-weight: bold;">公告訊息</span></a> </li>
                    <li class="menu-item"><a href="joychat.aspx">
                        <img src="icon/nav2.png" /><br />
                        <span style="color: #000; font-weight: bold;">公車踹共</span></a> </li>
                    <li class="menu-item"><a id="businfo" href="">
                        <img src="icon/nav3.png" /><br />
                        <span style="color: #000; font-weight: bold;">動態資訊</span></a> </li>
                    <li class="menu-item last"><a id="businfo" href="businfo.aspx?">
                        <img src="icon/nav4.png" /><br />
                        <span style="color: #000; font-weight: bold;">到站時間</span></a>
                        <select name="setstop" id="setstop" onchange="SetEndStop(this)" data-role="none">
                            <option value="">不設定</option>
                        </select>
                    </li>
                </ul>
            </div>
        </div>        
    </div>
</body>
</html>
